/*
 * @Author: [wcy]
 * @Date: 2021-12-06 13:43:58
 * @LastEditors: [wcy]
 * @LastEditTime: 2021-12-15 16:45:18
 * @Description: 
 */
// pages/search/index.js
import {
  request
} from "../../request/index.js"
Page({

  data: {
    goods:[],
    // 重置按钮是否显示
    isFocus:false,
    // 输入框的值
    inpValue:""
  },
  TimeId:-1,
  // 输入框的值改变 就会触发的事件
  handleInput(e){
    // 获取输入框的值
    const {value}=e.detail;

    // 监测合法性 当输入值为空
    if (!value.trim()) {
      clearTimeout(this.TimeId)
      this.setData({
        goods:[],
        isFocus:false
      })
      // 值不合法
      return;
    }
    this.setData({
      isFocus:true
    })
    clearTimeout(this.TimeId)
    this.TimeId=setTimeout(()=>{
      this.qsearch(value);
    },1000);
  },
   //  发送请求获取搜索建议的数据
   async qsearch(query){
     const res=await request({url:"/goods/qsearch",data:{query}})
     this.setData({
       goods:res
     })
   },
  //  点击取消
  handleCancel(){
    this.setData({
      inpValue:"",
      isFocus:false,
      goods:[]
    })
  }
  
})